<html>
<head>
    <link type="text/css" rel="Stylesheet" href="style.css"></link>
    <link type="text/css" rel="Stylesheet" href="ddsmoothmenu.css"></link>
	<link type="text/css" rel="Stylesheet" href="ddsmoothmenu-v.css"></link>
	<script type="text/javascript" src="scripts/ddsmoothmenu.js"></script>
	
	<script type="text/javascript">
	
	    ddsmoothmenu.init({
	        mainmenuid: "smoothmenu1", //menu DIV id
	        orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	        classname: 'ddsmoothmenu', //class added to menu's outer DIV
	        //customtheme: ["#1c5a80", "#18374a"],
	        contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
	    })
	    
	    ddsmoothmenu.init({
	        mainmenuid: "smoothmenu2", //Menu DIV id
	        orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
	        classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
	        //customtheme: ["#804000", "#482400"],
	        contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
	    })
	    
	</script>

</head>
<body>
	<div id="container">
	
	    <div id="header">
	    	<div id="loginStatus" class="box"> Hello guest, login, register </div>
	    	<div id="banner" class="box">
	    		<div id="logo">
	    			<h1>Teck Master Store</h1>
	    		</div>
	    		<div id="cartStatus">
	    			<h3>5 items</h3> &nbsp;&nbsp;
	    			<a href="#">View cart</a>&nbsp;&nbsp;
	    			<a href="#">Check out</a>
	    		</div>
	    		<div class="clear"></div>
	    	</div>
	    </div>
	    

	    <!--Main menu-->
        <div id="smoothmenu1" class="ddsmoothmenu">
            <ul>
                <li><a href="http://www.dynamicdrive.com">Item 1</a></li>
                <li><a href="#">Folder 0</a>
                    <ul >
                        <li><a href="#">Sub Item 1.1</a></li>
                        <li><a href="#">Sub Item 1.2</a></li>
                        <li><a href="#">Sub Item 1.3</a></li>
                        <li><a href="#">Sub Item 1.4</a></li>
                        <li><a href="#">Sub Item 1.2</a></li>
                        <li><a href="#">Sub Item 1.3</a></li>
                        <li><a href="#">Sub Item 1.4</a></li>
                    </ul>
                </li>
                <li><a href="#">Folder 1</a>
                    <ul>
                        <li><a href="#">Sub Item 1.1</a></li>
                        <li><a href="#">Sub Item 1.2</a></li>
                        <li><a href="#">Sub Item 1.3</a></li>
                        <li><a href="#">Sub Item 1.4</a></li>
                        <li><a href="#">Sub Item 1.2</a></li>
                        <li><a href="#">Sub Item 1.3</a></li>
                        <li><a href="#">Sub Item 1.4</a></li>
                    </ul>
                </li>
                <li><a href="#">Item 3</a></li>
                <li><a href="#">Folder 2</a>
                    <ul>
                        <li><a href="#">Sub Item 2.1</a></li>
                        <li><a href="#">Folder 2.1</a>
                            <ul>
                                <li><a href="#">Sub Item 2.1.1</a></li>
                                <li><a href="#">Sub Item 2.1.2</a></li>
                                <li><a href="#">Folder 3.1.1</a>
                                    <ul>
                                        <li><a href="#">Sub Item 3.1.1.1</a></li>
                                        <li><a href="#">Sub Item 3.1.1.2</a></li>
                                        <li><a href="#">Sub Item 3.1.1.3</a></li>
                                        <li><a href="#">Sub Item 3.1.1.4</a></li>
                                        <li><a href="#">Sub Item 3.1.1.5</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Sub Item 2.1.4</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="http://www.dynamicdrive.com/style/">Item 4</a></li>
            </ul>
            <br style="clear: left" />
        </div>
        
        <div id="subHead" class="box">
        	<div id="breadCum"><a href="#">Home</a> > Product</div>
			<div id="sharePage">
				<img src="Images/Facebook.gif" height="20px;" alt=""></img>
				<img src="Images/Twitter.gif" height="20px;" alt=""></img>
			</div>
        </div>
        <div class="clear"></div>
        <!--/Main menu-->
	    <div id="body">
	    	<div id="browseSpotlight" class="box">
	    		<div id="grid01" class="box">
			    	<div id="pageHeadLine" class="box">Lorem ipsum dolor sit amet</div>					
					<div id="gridSpotLightProduct" class="box"> 
						<ul>
							<li class="box">
								<img src="Images/file_5_87.jpg"  width="100px;" Alt="">
								<ul>
									<li><b>Lorem ipsum dolor sit amet</b></li>
								</ul>
							</li>
							<li class="box">
								<img src="Images/file_5_87.jpg"  width="100px;" Alt="">
								<ul>
									<li><b>Lorem ipsum dolor sit amet</b></li>
								</ul>
							</li>
								<li class="box">
								<img src="Images/file_5_87.jpg"  width="100px;" Alt="">
								<ul>
									<li><b>Lorem ipsum dolor sit amet</b></li>
								</ul>
							</li>
							<li class="box">
								<img src="Images/file_5_87.jpg"  width="100px;" Alt="">
								<ul>
									<li><b>Lorem ipsum dolor sit amet</b></li>
								</ul>
							</li>
							<li class="box">
								<img src="Images/file_5_87.jpg"  width="100px;" Alt="">
								<ul>
									<li><b>Lorem ipsum dolor sit amet</b></li>
								</ul>
							</li>
						</ul>
					</div>
	    		</div>
	    		<div id="storeWelcome" style="background-color: red;">
		   			<img src="Images/hvr_300x250_CLP Driver New.jpg" Alt=""></img>
	    		</div>
	    		<div class="clear"></div>
	    	</div>
		   <div class="clear"></div>

		<div class="box">
			<div id="leftNavigation" class="box">

		   		<!-- Refinement -->
		   		<div id="refinement" class="box">
		   			<div class="boxHeader">Department</div>
		   			<div>
		   				<ul>
		   					<li>Lorem ipsum dolor sit amet</li>
		   					<li>Lorem ipsum dolor sit amet</li>
		   					<li>Lorem ipsum dolor sit amet</li>
		   					<li>Lorem ipsum dolor sit amet</li>
		   					<li>Lorem ipsum dolor sit amet</li>
		   					<li>Lorem ipsum dolor sit amet</li>
		   				</ul>
		   			</div>
		   			<div class="boxHeader">Department</div>
		   			<div>
		   				<ul>
		   					<li>Lorem ipsum dolor sit amet</li>
		   					<li>Lorem ipsum dolor sit amet</li>
		   					<li>Lorem ipsum dolor sit amet</li>
		   					<li>Lorem ipsum dolor sit amet</li>
		   					<li>Lorem ipsum dolor sit amet</li>
		   					<li>Lorem ipsum dolor sit amet</li>
		   				</ul>
		   			</div>
		   			<div class="boxHeader">Department</div>
		   			<div>
		   				<ul>
		   					<li>Lorem ipsum dolor sit amet</li>
		   					<li>Lorem ipsum dolor sit amet</li>
		   					<li>Lorem ipsum dolor sit amet</li>
		   					<li>Lorem ipsum dolor sit amet</li>
		   					<li>Lorem ipsum dolor sit amet</li>
		   					<li>Lorem ipsum dolor sit amet</li>
		   				</ul>
		   			</div>
		   		</div>
		   		<!-- /Refinement -->

		   	</div>
		   	<div id="contentBody">
				<div id="pagingNavigation" class="box">
		   			<div >Display 24 of 290 items - Page 1 of 13</div>
		   			<ul >
	   					<li><a href="#">1</a></li>
	   					<li><a href="#">2</a></li>
	   					<li><a href="#">3</a></li>
	   					<li><a href="#">4</a></li>
	   					<li><a href="#">5</a></li>
	   					<li class="clear></li>
	   				</ul>
	   				<div class="clear"></div>
		   		</div>
		   		
		   		<div>
		   			<div id="mainGridProduct">
		   				<div style="margin-top: 5px;">
						<ul style="margin: 0; padding:0;">
							<li class="box">
								<img src="Images/file_5_87.jpg"  width="100px;" Alt="">
								<ul>
									<li><b>Lorem ipsum dolor sit amet</b></li>
									<li class="productInfo">Price: 3,000,000</li>
									<li class="productInfo">Rating: </li>
									<li class="productInfo">Add to cart </li>
								</ul>
							</li>
							<li class="box">
								<img src="Images/file_5_87.jpg"  width="100px;" Alt="">
								<ul>
									<li><b>Lorem ipsum dolor sit amet</b></li>
									<li class="productInfo">Price: 3,000,000</li>
									<li class="productInfo">Rating: </li>
									<li class="productInfo">Add to cart </li>
								</ul>
							</li>
							<li class="box">
								<img src="Images/file_5_87.jpg"  width="100px;" Alt="">
								<ul>
									<li><b>Lorem ipsum dolor sit amet</b></li>
									<li class="productInfo">Price: 3,000,000</li>
									<li class="productInfo">Rating: </li>
									<li class="productInfo">Add to cart </li>
								</ul>
							</li>
							<li class="box">
								<img src="Images/file_5_87.jpg"  width="100px;" Alt="">
								<ul>
									<li><b>Lorem ipsum dolor sit amet</b></li>
									<li class="productInfo">Price: 3,000,000</li>
									<li class="productInfo">Rating: </li>
									<li class="productInfo">Add to cart </li>
								</ul>
							</li>
						</ul>
						</div>
						<div style="margin-top: 5px;">
							<ul style="margin: 0; padding:0;">
								<li class="box">
									<img src="Images/file_5_87.jpg"  width="100px;" Alt="">
									<ul>
										<li><b>Lorem ipsum dolor sit amet</b></li>
										<li class="productInfo">Price: 3,000,000</li>
										<li class="productInfo">Rating: </li>
										<li class="productInfo">Add to cart </li>
									</ul>
								</li>
								<li class="box">
									<img src="Images/file_5_87.jpg"  width="100px;" Alt="">
									<ul>
										<li><b>Lorem ipsum dolor sit amet</b></li>
										<li class="productInfo">Price: 3,000,000</li>
										<li class="productInfo">Rating: </li>
										<li class="productInfo">Add to cart </li>
									</ul>
								</li>
								<li class="box">
									<img src="Images/file_5_87.jpg"  width="100px;" Alt="">
									<ul>
										<li><b>Lorem ipsum dolor sit amet</b></li>
										<li class="productInfo">Price: 3,000,000</li>
										<li class="productInfo">Rating: </li>
										<li class="productInfo">Add to cart </li>
									</ul>
								</li>
							</ul>
						</div>
		   		</div>
		   	</div>


		</div>
	    </div>
	    <div class="clear"></div>
	    <div id="footer" class="box">
	    	
	    </div>
	</div>
</body>
</html>
